<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<%@ include file="../common/common.jsp"%>
	<link rel="stylesheet" href="${ctx}/page/topic/css/sections.css" />
	<title>板块</title>
</head>
<body>
	<div class="wrapper">
		<%@ include file="../common/header.jsp"%>
		<div class="container">
			<div class="row">
					<div class="panel panel-default">
						<div class="panel-heading">
							<span class="glyphicon glyphicon-th-large"></span>&nbsp<span style="color: #000">板块</span>
						</div>
						<div class="panel-body">
							<ul class="section">
								<c:forEach items="${sections}" var="section" >
									<li>
										<div class="media">
											<a class="media-left" href="${ctx}/topic/sectionTopics?sectionId=${section.id}">
											    <img class="img-rounded" src="${ctx}/static/imgs/topic-mid-img.png">
											</a>
											<div class="media-body title">
											    <h5 class="media-heading"><a class="label label-default" href="${ctx}/topic/sectionTopics?sectionId=${section.id}&sectionName=${section.name}" >${section.name}</a></h5>
											    <p></p>
											    <small class="description">话题数:${section.topicCounts}</small>
											    	&nbsp
											    <small class="description">回复数:${section.replyCounts}</small>
											</div>
										</div>
									</li>
										<c:if test="${(sections.indexOf(section)+1) % 3 eq 0}">
											<div class="divide"></div>
										</c:if>
									
								</c:forEach>
							</ul>
						</div>
					</div>
			</div>
		</div>
		<%@ include file="../common/footer.jsp"%>
	</div>
</body>
</html>